<template>
    <div>
        <div>
            <el-card class="box-card">
                <div style="text-align: center;">财务申请</div>
                <div style="display: flex; justify-content: center; flex-direction: column; width: 450px;">
                    <el-input style="margin-top: 10px;" v-model="input" placeholder="合同名称"></el-input>
                    <el-input style="margin-top: 10px;" v-model="input" placeholder="合同金额"></el-input>
                    <el-input style="margin-top: 10px;" v-model="input" placeholder="负责人"></el-input>
                    <div  style="margin-top: 20px; margin-left: 193px;">
                        <el-button type="primary">申请</el-button>
                    </div>
                </div>
            </el-card>
            <el-card class="box-card1">
                <div style="text-align: center;">采购申请</div>
                <div style="display: flex; justify-content: center; flex-direction: column; width: 450px;">
                    <el-input style="margin-top: 10px;" v-model="input" placeholder="合同名称"></el-input>
                    <el-input type="textarea" style="margin-top: 10px;" v-model="input" placeholder="采购物品"></el-input>
                    <el-input style="margin-top: 10px;" v-model="input" placeholder="采购数量"></el-input>
                    <el-input style="margin-top: 10px;" v-model="input" placeholder="负责人"></el-input>
                    <div  style="margin-top: 20px; margin-left: 193px;">
                        <el-button type="primary">申请</el-button>
                    </div>
                </div>
            </el-card>
        </div>
        
    </div>
</template>

<script>

</script>
<style>
.box-card{
    width: 500px;
    height: 290px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.box-card1{
    width: 500px;
    height: 390px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
</style>